<template>
    <div class="screen-footer">
        <div class="footer-top-section">
            <div class="screen-footer-left">
                <dv-decoration-10 :color="['#45a1f1', '#000000']" class="dv-dec-10" />
            </div>
            <div class="screen-footer-middle">
                <dv-decoration-5 :color="['#45a1f1', '#000000']" :dur="10" />
            </div>
            <div class="screen-footer-right">
                <dv-decoration-10 :color="['#45a1f1', '#000000']" class="dv-dec-10 dev-reverse" />
            </div>
        </div>
        <div class="footer-bottom-section flex-c">
            <span class="version">版本号：1.0.092201</span>
        </div>
    </div>
</template>

<script setup lang="ts">

</script>

<style lang="scss" scoped>
@import '@/assets/scss/common/variables.module.scss';

.screen-footer {

    .footer-top-section {
        display: flex;

        .screen-footer-left {
            width: 25%;
        }

        .screen-footer-middle {
            width: 50%;
        }

        .screen-footer-right {
            width: 25%;
        }

        .dv-dec-10 {
            margin-top: -6px;
        }
    }

    .footer-bottom-section {
        .version {
            color: #fff;
            font-size: $sm-font-size;
        }
    }
}
</style>